.fi_banner{position: relative;}
.fi_banner_i{height: calc(100vh - 170px);object-fit: cover;}

.fi_arrow{width: 44px;height: 140px;color: #fff;line-height: 140px;text-align: center;font-family: monospace,serif;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;font-size: 40px;font-weight: 900;background-color: rgba(0, 0, 0, 0.3);transition: .3s;}
.fi_arrow.slick_prev{left: 20px;}
.fi_arrow.slick_next{right: 20px;}

/* .ban_dot{position: absolute;bottom: -50px;text-align: center;left: 50%;transform: translateX(-50%);}
.ban_dot>li{display: inline-block;width: 10px;height: 10px;font-size: 0;outline: 0;margin-right: 20px;transition: all .5s;cursor: pointer;background-color: #b9b9b9;border-radius: 50%;}
.ban_dot>li:last-child{margin-right: 0;}
.ban_dot>.slick-active{background-color: #000;}
.ban_dot>li button{display: none;} */

.fi_title{text-align: center;}
.fi_title>h1{color: #333;font-size: 34px;font-weight: bold;}
.fi_title>p{font-size: 16px;font-weight: bold;margin: 15px 0;color: var(--base);}
.fi_title>span{display: inline-block;width: 76px;height: 6px;background-color: #c3c3c3;}

.fi_notice{background-color: #f8f9fb;}
.fi_notice_c{width: 1200px;margin: 0 auto;display: flex;align-items: center;height: 76px;color: #4e4e4e;font-size: 16px;justify-content: space-between;}
.fi_notice_c>img{height: 40px;}
.fi_notice_l{font-size: 14px;}
.fi_notice_l>a{margin-left: 20px;color: #999;}
.fi_notice_l>a:hover{color: var(--base);}
.fi_notice_r{position: relative;}
.fi_notice_r>input{background-color: transparent;height: 40px;width: 300px;border: 1px solid #ddd;padding: 0 20px;border-radius: 20px;}
.fi_notice_r>img{position: absolute;right: 20px;top: 10px;cursor: pointer;width: 20px;}

.fi_prod{background-color: #f7f7f7;}
.fi_prod_c{padding: 100px 0;}
.fi_prod_w{display: flex;justify-content: space-between;margin-top: 56px;}
.fi_prod_l{width: 270px;}
.fi_prod_li{height: 135px;background-color: #fff;border-radius: 10px;margin-bottom: 60px;display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;}
.fi_prod_li:last-child{margin-bottom: 0;}
.fi_prod_li>img:last-of-type{display: none;}
.fi_prod_li>p{margin-top: 10px;font-size: 16px;}
.fi_prod_la{background-color: var(--base);}
.fi_prod_la>img:first-of-type{display: none;}
.fi_prod_la>img:last-of-type{display: inline;}
.fi_prod_la>p{color: #fff;}
.fi_prod_m{width: 45%;background-color: #fff;border-radius: 10px;transition: .3s;}
.fi_prod_m:hover{box-shadow: 4px 8px 10px 0px rgba(0, 0, 0, 0.21);}
.fi_prod_i{text-align: center;padding: 20px;display: block;}
.fi_prod_i>img{height: 400px;object-fit: contain;width: 100%;;}
.fi_prod_i>h1{font-weight: 400;font-size: 18px;margin-top: 20px;line-height: 1.5;text-align: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}

.fi_tact{}
.fi_tact>a>img{width: 100%;}

.fi_case{background: url('/images/index/22.jpg') no-repeat center;background-size: cover;}
.fi_case .fi_title>h1{color: #fff;}
.fi_case_c{padding: 100px 0;}
.fi_case_w{display: flex;justify-content: space-between;margin-top: 60px;color: #fff;}
.fi_case_l{background-color: rgba(0, 0, 0, 0.3);width: 24%;}
.fi_case_r{width: 68%;}
.fi_case_li{height: 100px;display: flex;align-items: center;padding: 0 20px;border-bottom: 1px solid #666;}
.fi_solute_la{background-color: var(--base);}
.fi_case_li>img{display: none;}
.fi_case_ri>h1{margin: 20px 0;font-size: 26px;}
.fi_case_ri>div{display: flex;flex-wrap: wrap;gap: 20px;}
.fi_case_ri>div>a{width: 22%;}
.fi_case_ri>div>a>img{width: 100%;}
.fi_case_ri>p{line-height: 2;}
.fi_case_ri>a{margin-top: 20px;padding: 0 30px;line-height: 38px;background-color: #fff;display: inline-block;color: #333;border-radius: 5px;}
.fi_case_ri>a:hover{background-color: var(--base);color: #fff;}

.fi_about{background-color: #f7f7f7;}
.fi_about_c{padding: 100px 0;}
.fi_about_t{display: flex;justify-content: space-between;margin-top: 50px;}
.fi_about_tl{width: 27%;}
.fi_about_tl>p{font-size: 16px;line-height: 2;text-align: justify;}
.fi_about_tl>a{margin-top: 20px;padding: 0 30px;line-height: 38px;background-color: #fff;display: inline-block;color: #333;border-radius: 5px;}
.fi_about_tl>a:hover{background-color: var(--base);color: #fff;}
.fi_about_tm{width: 40%;}
.fi_about_tm>img{width: 100%;}
.fi_about_tr{display: flex;flex-wrap: wrap;justify-content: space-evenly;gap: 20px;width: 25%;align-items: center;}
.fi_about_ti{text-align: center;}
.fi_about_ti>h1{font-size: 50px;font-weight: bold;display: inline-block;white-space: nowrap;color: var(--base);}
.fi_about_ti>span{font-size: 20px;margin-left: 10px;}
.fi_about_ti>p{font-size: 14px;color: #999;margin-top: 6px;}

.fi_about_cate{margin: 40px 0;display: flex;justify-content: center;gap: 30px;}
.fi_about_cate>a{flex: 1;height: 42px;line-height: 42px;text-align: center;background-color: #fff;color: #333;margin: 0 20px;}
.fi_about_cate>.fi_about_ca{background-color: var(--base);color: #fff;}
.fi_about_c>p{color: #666;line-height: 2;text-indent: 2em;margin: 20px 0;}
.fi_about_c>img{width: 100%;margin-bottom: 40px;}
.fi_about_ii{height: 240px;margin: 0 10px;position: relative;overflow: hidden;}
.fi_about_ii>img{width: 100%;height: 100%;object-fit: contain;}
.fi_about_ii>h1{position: absolute;bottom: -42px;left: 0;right: 0;height: 42px;line-height: 42px;text-align: center;font-size: 16px;background-color: var(--base);color: #fff;transition: .3s;}
.fi_about_ii:hover h1{bottom: 0;}

.fi_feat{background: url('/images/index/44.jpg') no-repeat center;background-size: cover;}
.fi_feat_c{padding: 100px 0;text-align: center;}
.fi_feat_w{display: flex;justify-content: space-between;margin-top: 60px;}
.fi_feat_i{border: solid 1px #dedede;width: 23%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 30px;transition: .3s;}
.fi_feat_i:hover{box-shadow: 6px 10px 6px 0px rgba(0, 0, 0, 0.02);transform: translateY(-5px);}
.fi_feat_i>h1{font-size: 24px;font-weight: 600;color: #333;margin: 30px 0;}
.fi_feat_i>p{font-size: 14px;color: #666;line-height: 2;text-align: center;}

.fi_news_c{padding: 100px 0;display: flex;justify-content: space-between;}
.fi_news_l{width: 65%;}
.fi_news_t{display: flex;justify-content: space-between;align-items: center;padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid #c3c3c3;}
.fi_news_t>h1{font-size: 30px;font-weight: 600;}
.fi_news_t>h1>span{font-size: 16px;color: var(--base);font-weight: 400;margin-left: 20px;}
.fi_news_t>a{color: #666;}
.fi_news_lb{display: flex;justify-content: space-between;}
.fi_news_li{width: 48%;background-color: #f7f7f7;transition: .5s;}
.fi_news_li:hover{background-color: var(--base);}
.fi_news_li:hover *{color: #fff;}
.fi_news_li>img{width: 100%;height: 260px;object-fit: cover;}
.fi_news_d{padding: 25px 15px;}
.fi_news_d>h1{font-size: 16px;}
.fi_news_d>span{font-size: 14px;display: inline-block;margin: 10px 0;color: #999;}
.fi_news_d>p{font-size: 12px;line-height: 2;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.fi_news_r{width: 30%;}
.fi_news_bi{margin-bottom: 20px;transition: .5s;display: block;}
.fi_news_bi:hover{transform: translateX(30px);}
.fi_news_bi:hover h1{color: var(--base)}
.fi_news_bi:hover p{color: var(--base)}
.fi_news_bi>h1{font-size: 16px;color: #585858;}
.fi_news_bi>h1:before{content: 'Q';display: inline-block;width: 60px;height: 26px;line-height: 26px;text-align: center;background-color: var(--base);font-size: 18px;color: #fff;margin-right: 20px;}
.fi_news_bi>p{line-height: 30px;margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.fi_news_bi>p:before{content: 'A';display: inline-block;width: 60px;height: 26px;line-height: 26px;text-align: center;background-color: #282c30;font-size: 18px;color: #fff;margin-right: 20px;}

.fi_coop{background-color: #f7f7f7;}
.fi_coop_c{padding: 100px 0;}
.fi_coop_w{margin-top: 20px;}
.fi_coop_i{height: 240px;margin: 0 10px;position: relative;overflow: hidden;}
.fi_coop_i>img{width: 100%;height: 100%;object-fit: contain;}
.fi_coop_i>h1{position: absolute;bottom: -42px;left: 0;right: 0;height: 42px;line-height: 42px;text-align: center;font-size: 16px;background-color: var(--base);color: #fff;transition: .3s;}
.fi_coop_i:hover h1{bottom: 0;}


@media screen and (max-width: 766px) {
    .fi_banner{width: 100%;padding-bottom: 0;}
    .fi_banner_i{height: 28rem;}
    .fi_arrow{width: 4rem;height: 5rem;line-height: 5rem;font-size: 2rem;}

    .fi_title{padding: 3rem 0;height: unset;}
    .fi_title>h1{font-size: 2.4rem;}
    .fi_title>p{font-size: 1.6rem;}
    .fi_title>span{width: 7rem;}

    .fi_prod_c{padding: 6rem 0;}
    .fi_prod_w{margin-top: 2rem;flex-direction: column;}
    .fi_prod_l{display: none;}
    .fi_prod_mb{overflow: auto;padding-bottom: 1rem;}
    .fi_prod_mbc{width: 300vw;display: flex;gap: 1rem;}
    .fi_prod_li{margin-bottom: 0;width: 15rem;;height: 8rem;padding: 1rem;}
    .fi_prod_li>img{width: 100%;}
    .fi_prod_li>p{font-size: 1.2rem;}
    .fi_prod_m{width: 100%;margin-top: 2rem;}
    .fi_prod_i{padding: 1.5rem;}
    .fi_prod_i>img{height: 30rem;}
    .fi_prod_i>h1{font-size: 1.6rem;}

    .fi_tact>a>img{height: 12rem;object-fit: cover;}

    .fi_case_c{padding: 6rem 0;}
    .fi_case_w{margin-top: 2rem;}
    .fi_case_l{width: 28%;}
    .fi_case_li{height: unset;padding: 1.5rem;font-size: 1.4rem;}
    .fi_case_ri>h1{font-size: 2rem;}
    .fi_case_ri>div{gap: 1.5rem;}
    .fi_case_ri>div>a{width: 46%;}

    .fi_about_c{padding: 6rem 0;}
    .fi_about_t{margin-top: 2rem;flex-direction: column;}
    .fi_about_tl{width: 100%;}
    .fi_about_tl>p{font-size: 1.6rem;}
    .fi_about_tm{width: 100%;margin-top: 2rem;}
    .fi_about_tr{width: 100%;margin-top: 2rem;}
    .fi_about_cate{margin: 4rem 0 2rem;}
    .fi_about_cate>a{margin: 0;}

    .fi_feat_c{padding: 6rem 0;}
    .fi_feat_w{margin-top: 2rem;flex-wrap: wrap;}
    .fi_feat_i{width: 48%;padding: 1.5rem;margin-bottom: 1.5rem;}
    .fi_feat_i>img{width: 10rem;}
    .fi_feat_i>h1{font-size: 2rem;margin: 2rem 0 1rem;}
    .fi_feat_i>p{font-size: 1.4rem;line-height: 1.5;}

    .fi_news_c{padding: 6rem 0;flex-direction: column;}
    .fi_news_l{width: 100%;}
    .fi_news_t{margin-bottom: 1.5rem;}
    .fi_news_t>h1{font-size: 2.4rem;}
    .fi_news_t>h1>span{font-size: 1.2rem;}
    .fi_news_li>img{height: 20rem;}
    .fi_news_d{padding: 1.5rem;}
    .fi_news_d>h1{font-size: 1.6rem;}
    .fi_news_d>span{font-size: 1.2rem;}
    .fi_news_d>p{font-size: 1.4rem;line-height: 1.5;}
    .fi_news_r{width: 100%;margin-top: 4rem;}
    .fi_news_bi>h1{font-size: 1.6rem;}
    .fi_news_bi>p{font-size: 1.4rem;line-height: 1.5;}
    .fi_news_bi>h1:before{height: 2rem;line-height: 2rem;font-size: 1.4rem;width: 4rem;}
    .fi_news_bi>p:before{height: 2rem;line-height: 2rem;font-size: 1.4rem;width: 4rem;}

    .fi_coop_c{padding: 6rem 0;}
    .fi_coop_w{margin-top: 0;}
    .fi_coop_i{height: 16rem;}
    .fi_coop_i>h1{font-size: 1.6rem;}
}